﻿@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<div class="container">
    <div id="slider" class="sl-slider-wrapper">
        <div class="sl-slider">
            @foreach (var aSlider in ViewBag.Slider)
            {
                <div class="sl-slide" data-orientation="horizontal" data-slice1-rotation="-25" data-slice2-rotation="-25" data-slice1-scale="2" data-slice2-scale="2">
                    <div class="sl-slide-inner" style="background-image: url(@aSlider.SliderImage);">
                        <div class="deco" data-icon="c"></div>
                        <h2>@aSlider.SliderTitle</h2>
                        <blockquote>
                            <p>@aSlider.SliderContent</p>
                            <cite>@aSlider.SliderOauth</cite>
                        </blockquote>
                    </div>
                </div>
            }

        </div>
        <!-- /sl-slider -->

        <nav id="nav-arrows" class="nav-arrows" style="display: none">
            <span class="nav-arrow-prev">Previous</span>
            <span class="nav-arrow-next">Next</span>
        </nav>

        <nav id="nav-dots" class="nav-dots">
            @for (int i = 0; i < ViewBag.Slider.Count; i++)
            {
                if (i == 0)
                {
                <span class="nav-dot-current"></span>
                }
                else
                {
                <span></span>
                }
            }
        </nav>

    </div>
    <!-- /slider-wrapper -->

</div>
